import React from 'react';
import './index.css'
import {Outlet  } from 'react-router'

import { Carousel ,ConfigProvider} from 'antd';

const App = () => {

  return (
    <ConfigProvider
    theme={{
      token: {
        // Seed Token，影响范围大
        colorPrimary: '#30B30E',
        borderRadius: 2,

        // 派生变量，影响范围小
        colorBgContainer: '#f6ffed',
      },
    }}
  >
<div className='bigbox'>
 <div className='left'>
 <h1>雾都商城欢迎您!</h1>
 <Carousel autoplay>
      <div>
        <img src={require('./image/bg1.jpg')} alt="" />
      </div>
      <div>
      <img src={require('./image/bg2.jpg')} alt="" />
      </div>
      <div>
      <img src={require('./image/bg3.jpg')} alt="" />
      </div>
      </Carousel>
 </div>

 <div className='login_form_big'>

 <Outlet /> {/* 渲染子路由 */}

  </div>
    </div>
    </ConfigProvider>
  );
};

export default App;